<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="">
	<title>CASE</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta name="renderer" content="webkit">
	<meta content="telephone=no" name="format-detection">
	<meta content="email=no" name="format-detection">
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="black" name="apple-mobile-web-app-status-bar-style">
	<link rel="stylesheet" type="text/css" href="./css/pintuer.css">
	<link rel="stylesheet" type="text/css" href="./css/common.css">
	<link rel="stylesheet" type="text/css" href="./css/case.css">
</head>

<body>
	<div class="container tit-dh">
        <div class="line">
            <div class="xs5 xm5">
                <a href="index.html">
                    <img src="./img/index/titl.jpg"  class="tit-li1 img-responsive"/>
                </a>
            </div>
            <div class="xm7  tit-dhr  hidden-l hidden-s">
                <a href="index.html" class="home">HOME</a>
                <a href="product.html" class="pro">PRODUCT</a>
                <a href="case.html" class=" case">CASE</a>
                <a href="contact.html" class="about">CONTACT US</a>
            </div>
            <div id="fun1">
                <img src="./img/index/fun1.gif" />
            </div>
        </div>
    </div>
    <ul class="m">
        <a href="index.html">
            <li>HOME</li>
        </a>
        <a href="product.html">
            <li>PRODUCT</li>
        </a>
        <a href="case.html">
            <li>CASE</li>
        </a>

        <a href="contact.html">
            <li>CONTACT US</li>
        </a>
    </ul>
	<!-- banner-->
	<div class="clear"></div>
	<div class="bg-case">
		<div class="banner">
			<img class="res img-res" data-xl="./img/case/banner2.jpg" data-xs="./img/case/banner2.jpg" data-xm="./img/case/banner2.jpg"
			data-xb="./img/case/banner.jpg" src="">
		</div>
		<!-- bannerjieshu-->
		<div class="clear"></div>
		<!-- 现场 -->
		<div class="container">
			<h2 class="case-h2">CASE<br><span></span></h2>
			<div class="line-big">
				<div class="xl12 xs6 xm4">
					<div class="case-d1">
						<a href="case-article.html"><img src="./img/index/c1.jpg" class="img-res"></a>
						<div class="case-d2">
							<p>Manganese Mobile Crushing & Screening Project in Johannesburg, South Africa</p>
						</div>
						<div class="case-d3">
							<div class="d3-bg">
								<p class="d3-p1"><b>100-120TPH gypsum mobile crushing line in Mexico</b></p>
								<p class="d3-p2">
									Processed Material: gypsum   <br>                
									Feed size: 500mm<br>
									Final product size: 0-100mm   <br>                                   
									Capacity: 100-120TPH<br>
									<a href="case-article.html"><span>MORE</span></a>
								</p>
							</div>
						</div>
					</div>
				</div>
				<div class="xl12 xs6 xm4">
					<div class="case-d1">
						<a href=""><img src="./img/index/c2.jpg" class="img-res"></a>
						<div class="case-d2">
							<p>Manganese Mobile Crushing & Screening Project in Johannesburg, South Africa</p>
						</div>
						<div class="case-d3">
							<div class="d3-bg">
								<p class="d3-p1"><b>100-120TPH gypsum mobile crushing line in Mexico</b></p>
								<p class="d3-p2">
									Processed Material: gypsum   <br>                
									Feed size: 500mm<br>
									Final product size: 0-100mm   <br>                                   
									Capacity: 100-120TPH<br>
									<a href=""><span>MORE</span></a>
								</p>
							</div>
						</div>
					</div>
				</div>
				<div class="xl12 xs6 xm4">
					<div class="case-d1">
						<a href=""><img src="./img/index/c3.jpg" class="img-res"></a>
						<div class="case-d2">
							<p>Manganese Mobile Crushing & Screening Project in Johannesburg, South Africa</p>
						</div>
						<div class="case-d3 ">
							<div class="d3-bg">
								<p class="d3-p1"><b>100-120TPH gypsum mobile crushing line in Mexico</b></p>
								<p class="d3-p2">
									Processed Material: gypsum   <br>                
									Feed size: 500mm<br>
									Final product size: 0-100mm   <br>                                   
									Capacity: 100-120TPH<br>
									<a href=""><span>MORE</span></a>
								</p>
							</div>
						</div>
					</div>
				</div>
				<div class="xl12 xs6 xm4">
					<div class="case-d1">
						<a href=""><img src="./img/index/c4.jpg" class="img-res"></a>
						<div class="case-d2">
							<p>Manganese Mobile Crushing & Screening Project in Johannesburg, South Africa</p>
						</div>
						<div class="case-d3">
							<div class="d3-bg">
								<p class="d3-p1"><b>100-120TPH gypsum mobile crushing line in Mexico</b></p>
								<p class="d3-p2">
									Processed Material: gypsum   <br>                
									Feed size: 500mm<br>
									Final product size: 0-100mm   <br>                                   
									Capacity: 100-120TPH<br>
									<a href=""><span>MORE</span></a>
								</p>
							</div>
						</div>
					</div>
				</div>
				<div class="xl12 xs6 xm4">
					<div class="case-d1">
						<a href=""><img src="./img/index/c5.jpg" class="img-res"></a>
						<div class="case-d2">
							<p>Manganese Mobile Crushing & Screening Project in Johannesburg, South Africa</p>
						</div>
						<div class="case-d3">
							<div class="d3-bg">
								<p class="d3-p1"><b>100-120TPH gypsum mobile crushing line in Mexico</b></p>
								<p class="d3-p2">
									Processed Material: gypsum   <br>                
									Feed size: 500mm<br>
									Final product size: 0-100mm   <br>                                   
									Capacity: 100-120TPH<br>
									<a href=""><span>MORE</span></a>
								</p>
							</div>
						</div>
					</div>
				</div>
				<div class="xl12 xs6 xm4">
					<div class="case-d1">
						<a href=""><img src="./img/index/c6.jpg" class="img-res"></a>
						<div class="case-d2">
							<p>Manganese Mobile Crushing & Screening Project in Johannesburg, South Africa</p>
						</div>
						<div class="case-d3">
							<div class="d3-bg">
								<p class="d3-p1"><b>100-120TPH gypsum mobile crushing line in Mexico</b></p>
								<p class="d3-p2">
									Processed Material: gypsum   <br>                
									Feed size: 500mm<br>
									Final product size: 0-100mm   <br>                                   
									Capacity: 100-120TPH<br>
									<a href=""><span>MORE</span></a>
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<ul class="pagination  pagination-small">
				<li><a href="#">Hmoe</a> </li>
				<li><a href="#">1</a> </li>
				<li><a href="#">2</a> </li>
				<li><a href="#">3</a> </li>
				<li><a href="#">4</a> </li>
				<li><a href="#">5</a> </li>
				<li><a href="#">6</a> </li>
				<li><a href="#">7</a> </li>
				<li><a href="#">8</a> </li>
				<li><a href="#">9</a> </li>
				<li><a href="#">10</a> </li>
				<li><a href="#">11</a> </li>
				<li><a href="#">Next</a> </li>
				<li><a href="#">Last</a> </li>
				<li><a href="#">Total: 13  Posts: 127</a> </li>
			</ul>
		</div>
	</div>
    <div class="clear"></div>
	<!-- 产品 -->
	<div class="container">
		<div class="line-big">
			<div class="xl12 xs6 xm3">
                <div class="pro-d2 clearfix">
                    <p>Combination Mobile Crusher<br><span>MORE</span></p>
                   <a href="pro-article.html"><img src="./img/pro/p1.png" class="img-responsive float-right"></a>
                </div>
			</div>
			<div class="xl12 xs6 xm3">
                <div class="pro-d2 clearfix">
                    <p>Combination Mobile Crusher<br><span>MORE</span></p>
                   <a href=""><img src="./img/pro/p2.png" class="img-responsive float-right"></a>
                </div>
			</div>
			<div class="xl12 xs6 xm3">
                <div class="pro-d2 clearfix">
                    <p>Combination Mobile Crusher<br><span>MORE</span></p>
                   <a href=""><img src="./img/pro/p3.png" class="img-responsive float-right"></a>
                </div>
			</div>
			<div class="xl12 xs6 xm3">
                <div class="pro-d2 clearfix">
                    <p>Combination Mobile Crusher<br><span>MORE</span></p>
                   <a href=""><img src="./img/pro/p4.png" class="img-responsive pro-img4 float-right"></a>
                </div>
			</div>
		</div>
	</div>
    <!-- 底部通用 -->
    <div class="bg-ft">
        <div class="container">
            <div class="xl12 xm4 xb2 ft-d1">
                <img src="./img/index/em.png" class="img-responsive">
                <p class="text-center">sales@kefidgroup.com</p>
            </div>
            <div class="xl12 xm4 xb7 ft-d1">
                <img src="./img/index/add.png" class="img-responsive">
                <p class="text-center">No. 201 Huaxia Road, Pudong New Area, Shanghai, China</p>
            </div>
            <div class="xl12 xm4 xb3 ft-d1">
                <img src="./img/index/tel.png" class="img-responsive">
                <p class="text-center">+86-21-50471909 / 50591026 / 50458961</p>
            </div>
        </div>
    </div>
    <!-- 底部导航大 -->
    <div class="footer hidden-l margin-large-bottom">
		<div class="table-responsive  hidden-l container">
			<ul class="nav nav-sitemap">
				<li class="xs3">
                    <a href="#" class="con2"> GRINDING MILL</a> 
					<ul >
                        <li><a href="#" > MTW Heavy type Trapezium Mill</a> </li>
                        <li><a href="#" > MB5X Grinding Mill</a> </li>
                        <li><a href="#"> MTW Trapezium Mill</a> </li>
					</ul>
				</li>
				<li class="xs3"> 
                    <ul class="cont" >
						<li><a href="#">LM Vertical Mill</a> </li>
                        <li><a href="#">TGM Trapezium Mill</a> </li>
                        <li><a href="#" >Raymond Mill </a> </li>
					</ul>
                </li>
				<li class="xs3">
					<ul class="cont">
						<li><a href="#">MW Series Micro Powder Mill</a> </li>
                        <li><a href="#">YGM Series Suspension Mill</a> </li>
                        <li><a href="#" >LUM Vertical Roller Mill</a> </li>
                    </ul>
				</li>
				<li class="xs3 con3">
                    <a href="#" class="con2"> GRINDING MILL</a> 
                    <ul>
						<li class="margin-top"><a href="#"><img src="./img/index/ft.png" class="img-responsive"></a> </li>
					</ul>
				</li>
			</ul>
		</div>
	</div>
    <div class="bg-dd text-center">
        <p>Copyright © 2000-2018 Zhengzhou Kofida Machinery Technology Co., Ltd.</p>
    </div>
	<!-- 底部导航小 -->
	<div class="dbdh">
		<ul>
			<li><a href="index.html"  target="blank"><img src="./img/index/HOME.png" alt=""><p>HOME</p></a></li>
			<li><a href="product.html" target="blank"><img src="./img/index/PRODUCT.png" alt=""><p>PRODUCTS</p></a></li>
			<li><a href="case.html" target="blank"><img src="./img/index/CASE.png" alt=""><p>CASE</p></a></li>
			<li><a href="contact.html" target="blank"><img src="./img/index/INQUIRY.png" alt=""><p>CONTACT</p></a></li>
		</ul>
	</div>
	
	<!-- footer -->
	<script src="./js/jquery.js"></script>
	<script src="./js/pintuer.js"></script>
	<script type="text/javascript">
		$(document).ready(function () {
			$("#fun1").click(function () {
				$(".m").slideToggle(500);
			});
		})
	</script>
	<script>
		function tabSlider(obj, objs, objsn) {
			$(function () {
				clickThumb();
			})
			function slide(i) {
				$(obj).eq(i).addClass(objs).siblings().removeClass(objs);
				$(objsn).eq(i).addClass(objs).siblings().removeClass(objs);
			}
			function clickThumb() {
				$(obj).hover(function () {
					var aci = $(obj).index($(this));
					slide(aci);
				});
			}
		}
		tabSlider(".clicks span", "active", ".show .hd1")
	</script>
	<script>
		window.onresize = function () {
			autoPic();
		}
		autoPic();

		function autoPic() {
			var isNotEmpty = function (strVal) {
				if (strVal == '' || strVal == null || strVal == undefined) {
					return false
				} else {
					return true
				}
			};
			var res_img = $("img.res");
			res_img.each(function () {
				var img_src = isNotEmpty($(this).attr("data-xb")) ? $(this).attr("data-xb") : isNotEmpty($(this).attr("data-xm")) ?
					$(this).attr("data-xm") : isNotEmpty($(this).attr("data-xs")) ? $(this).attr("data-xs") : isNotEmpty(
						$(this).attr("data-xm")) ? $(this).attr("data-xm") : "";
				var w_width = $(window).width();
				if (w_width < 1200 && w_width > 999 && isNotEmpty($(this).attr("data-xm"))) {
					img_src = $(this).attr("data-xm")
				}
				if (w_width < 1000 && w_width > 759 && isNotEmpty($(this).attr("data-xs"))) {
					img_src = $(this).attr("data-xs")
				}
				if (w_width < 760 && isNotEmpty($(this).attr("data-xl"))) {
					img_src = $(this).attr("data-xl")
				}
				if (isNotEmpty(img_src)) {
					$(this).attr('src', img_src)
				}
			})
		}
	</script>
</body>